<template>
  <a-row class="body_style">
    <!-- <a-col span="24" class="body_header">
    三级安全教育卡
  </a-col> -->
    <a-col span="24">
      <a-col span="3" class="top right left">姓名</a-col>
      <a-col span="5" class="top">
        <a-input size="small" v-model="report.writeName" disabled />
      </a-col>
      <a-col span="3" class="top right left">部门</a-col>
      <a-col span="5" class="top right">
        <a-input size="small" v-model="report.deptName" disabled />
      </a-col>
      <a-col span="3" class="top right left">工号</a-col>
      <a-col span="5" class="top right">
        <a-input size="small" v-model="report.writeCode" disabled />
      </a-col>
    </a-col>

  </a-row>
</template>

<script>
export default {
  name: 'query_list',
  props: {
    person: Object
  },
  data () {
    return {
      companyTraining: {},
      officeTraining: {},
      departTraining: {},
      report: this.person
    }
  },
  watch: {

  },
  async created () {
    // this.init()
  },
  computed: {

},
  methods: {

  }
}
</script>

<style lang="less" scoped>
input {
  width: 100%;
  height: 90%;
  outline-color: invert;
  outline-style: none;
  text-align: center;
  border: none;
  border-style: none;
  text-shadow: none;
  outline-color: transparent;
  box-shadow: none;
}
.bottom {
border-bottom: 1px solid black;
  p {
    text-align: left;
    margin: 10px auto;
    line-height: 1.2;
  }
}
.right {
  border-right: 1px solid black;
}
.top {
  border-top: 1px solid black;
}
.left {
  border-left: 1px solid black;
}
.body_header {
  font-size: 20px;
  font-weight: bold;
}
.body_style {
  padding: 0px 50px 50px 50px;
}
.ant-radio-group {
  display: flex;
  justify-content: space-around;
  margin-top: 1%;
}
.ant-col {
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.body_col {
  border: 1px solid black;
}
.body_colfixColumen {
  display: flex;
  flex-direction: column;
}

.desc_p {
  white-space: pre-line;
  text-align: center;
}
</style>
